<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>SuiRich Manage System</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="generator" content="editplus" />
  <meta name="author" content="guanqing" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link href="css/SuiRichSystem.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="css/pagination.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="../style/css/popUp.css" rel="stylesheet" type="text/css" media="screen" />
  <script src="../js/jquery.js" type="text/javascript"></script>
  <script src="../js/jquery.form.js" type="text/javascript"></script>
  <script src="../js/jquery.pagination.js" type="text/javascript"></script>
  <script src="../js/config.js" type="text/javascript"></script>
  <script src="../js/Date.js" type="text/javascript"></script>
  <script src="../js/utils.js" type="text/javascript"></script>
  <script src="../js/popUp.js" type="text/javascript"></script>
  <script src="../xheditor/xheditor-1.1.12-en.min.js" type="text/javascript"></script>
  <script src="js/HashMap.js" type="text/javascript"></script>
  <script src="js/common.js" type="text/javascript"></script>
  <script src="js/global.js" type="text/javascript"></script>
 </head>

 <body>
  <!-- 头部 (start)-->
  <div id="header">
	<div class="wrap_flow">
		<h1 class="fleft"><img src="images/logo.jpg" alt="SuiRich" /></h1>
	</div>
	<div class="topbar">
		<div class="fleft">
			<span class="userIcon">Current User：<font class="yellowFont">admin</font></span>&nbsp;&nbsp;&nbsp;&nbsp;
			<span>Role：<font class="yellowFont">Administrator</font></span>
		</div>
		<div class="topNav fright">
			<a href="../account/logout" class="btn_exit"><img src="images/btn_exit.gif" alt="" /></a>
		</div>
	</div>
  </div>
  <!-- 头部 (end) -->

  <!-- 中间内容 (start)-->
  <div class="wrap_main">
	<div id="leftmenu" class="leftBar">
		<dl>
            <dt class="highlight"><span>Home</span></dt>
            <dd style="display:block;">
                <a href="javascript:void(0);" class="selected" id="homeAdMenu">Home Ad</a>
            </dd>
			<dt class="highlight"><span>Products</span></dt>
			<dd style="display:block;">
				<a href="javascript:void(0);" id="productCategoriesMenu">Product Categories</a>
				<a href="javascript:void(0);" id="productsListMenu">Products List</a>
			</dd>
            <dt class="highlight"><span>Job Reference</span></dt>
            <dd>
                <a href="javascript:void(0);" id="jobReferenceMenu">Job Reference</a>
            </dd>
			<dt class="highlight"><span>Enquiry</span></dt>
			<dd>
				<a href="javascript:void(0);" id="enquiryListMenu">Enquiry List</a>
			</dd>
			<dt class="highlight"><span>About us</span></dt>
			<dd>
				<a href="javascript:void(0);" id="aboutUsMenu">About us</a>
			</dd>
			<dt class="highlight"><span>Contact us</span></dt>
			<dd>
				<a href="javascript:void(0);" id="contactUsMenu">Contact us</a>
			</dd>
			<dt class="highlight"><span>Modify Password</span></dt>
			<dd>
				<a href="javascript:void(0);" id="modifyPasswordMenu">Modify Password</a>
			</dd>
		</dl>
	</div>
	<div class="mainCont" id="loadCnt">
		
	</div>
	<div class="clear"></div>
  </div>
  <!-- 中间内容 (end) -->


  <!-- 底部 (start)-->
  <div id="footer">
	<p class="tac pad10">copyRight</p>
  </div>

  <!-- 底部 (end) -->


<script type="text/javascript">

	//左侧菜单
	$('#leftmenu dd a').click(function(){
		$('.selected').removeClass('selected');
		$(this).addClass('selected');
	});

    $('#loadCnt').load("advertisement/homeAd.jsp");
    
    $('#homeAdMenu').click(function(){
        $('#loadCnt').load("advertisement/homeAd.jsp");
    });
    
	$('#productCategoriesMenu').click(function(){
		$('#loadCnt').load("product/productCategories.jsp");
	});

    $('#productsListMenu').click(function(){
        $('#loadCnt').load("product/productsList.jsp");
    });

    $('#jobReferenceMenu').click(function(){
        $('#loadCnt').load("jobReference/jobReference.jsp");
    });

    $('#enquiryListMenu').click(function(){
        $('#loadCnt').load("enquiry/enquiry.jsp");
    });

    $('#aboutUsMenu').click(function(){
        $('#loadCnt').load("aboutUs/aboutUs.jsp");
    });

    $('#contactUsMenu').click(function(){
        $('#loadCnt').load("contactUs/contactUs.jsp");
    });

    $('#modifyPasswordMenu').click(function(){
        $('#loadCnt').load("account/modifyPassword.jsp");
    });

</script>
 </body>
</html>
